<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>23.every与some这么用的</title>
</head>

<body>
  <input type="text" name="title">
  <span></span>
  <script>
    let arr = ['hdcms', 'houdunren'];
    // every 参数：值 ，索引 ，原数组
    let status = arr.every(function (item, index, arr) {
      //  console.log(arr);
      // return true 会继续遍历整个数组，直到遍历整个数组为止，status 为true
      // return false 会立刻结束遍历，status 位false；
      return true;
    });
    //console.log(status);
    // every 判断是不是全部同学都及格
    let user = [
      { name: '李四', js: 89 },
      { name: '张三', js: 99 },
      { name: '马六', js: 60 }
    ];

    let res = user.every(function (item) {
      return item.js >= 60
    });
    console.log(res ? '全部同学都及格了' : '有同学没有及格');


    // some 参数：值 ，索引 ，原数组
    /* let res2 = arr.some(function (item, index, arr) {
      //  任何item 返回为真都会终止
      console.log(item);
      return true;
    });

    console.log(res2);*/
    let keywords = ['php', 'js'];
    let title = document.querySelector('[name = "title"]')
    title.addEventListener("keyup", function () {
      // 有任何一个关键词都可以 some
      // 必须包含全部关键词 every
      let res = keywords.every(keyword =>
        this.value.indexOf(keyword) != -1
      );
      document.querySelector('span').innerHTML = res ? '' : '必须包含' + keywords.join(",") + '关键词';

    });
  </script>
</body>

</html>